<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>jquery.mousewheel整屏图片上下翻滚动态效果</title>
		<link href="css/rolling.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery-1.11.0.js"></script>
	</head>

	<body>
		<div class="fixed_r">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="num_box">
			<div class="num" id="num_0"><p>第1屏</p></div>
			<div class="num" id="num_1"><p>第2屏</p></div>
			<div class="num" id="num_2"><p>第3屏</p></div>			
			<div class="num" id="num_3"><p>第4屏</p>	</div>
			<div class="num" id="num_4"><p>第5屏</p>	</div>
			<div class="num" id="num_5"><p>第6屏</p>	</div>
		</div>
		<input type="hidden" value="0" class="ddw" />
		<input type="hidden" value="0" class="ddw2" />

		<script src="js/rolling.js"></script>
		<script src="js/jquery.mousewheel.js"></script>
	</body>

</html>